/* Media Queries

-------------------------------------------------------------- */

@media screen and (max-width: 1680px) {
  .header-wrap {
    padding-left: 4.3%;
  }

  .menu-div {
    margin-left: 30px;
  }
}

@media screen and (max-width: 1750px) {
  .menu-div {
    margin-left: 35px;
  }
}

@media screen and (max-width: 1580px) {
  .header-wrap {
    padding-left: 3.3%;
  }

  .menu-div {
    margin-left: 0;
  }
}

@media screen and (max-width: 1480px) {
  .header-wrap {
    padding-left: 2%;
  }
}

@media screen and (max-width: 1440px) {
  /* .menu-div {

    margin-left: 50px;

  } */

  .time {
    width: 235px;
  }

  .time .list-time-1,
  .time .list-time-2 {
    font-size: 18px;
  }
}

@media screen and (max-width: 1366px) {
  /* .menu-div {

    margin-left: 50px;

  } */

  #mainnav .menu > li > a {
    padding: 0 15px 0 0;

    font-size: 17px;
  }

  #mainnav .menu > li > .sub-menu > li > a {
    font-size: 17px;
  }

  .list-social {
    margin-right: 45px;
  }

  .time {
    width: 200px;
  }

  .time .list-time-1,
  .time .list-time-2 {
    font-size: 17px;
  }

  .tf-footer .copy-right {
    text-align: center;

    font-size: 14px;
  }
}

@media screen and (max-width: 1280px) {
  #mainnav .menu > li > a {
    font-size: 16px;
  }

  #mainnav .menu > li > .sub-menu > li > a {
    font-size: 16px;
  }

  .list-social {
    margin-right: 0;
  }

  .time {
    width: 190px;
  }

  .time .list-time-1,
  .time .list-time-2 {
    font-size: 15px;
  }

  .tf-footer img {
    margin-bottom: 30px;

    width: 200px;
  }
}

@media screen and (max-width: 1200px) {
  #mainnav .menu > li > a {
    font-size: 14px;
  }

  #mainnav .menu > li > .sub-menu > li > a {
    font-size: 14px;
  }
}

@media screen and (max-width: 1024px) {
  #mainnav .menu > li > a {
    font-size: 13px;
  }

  #mainnav .menu > li > .sub-menu > li > a {
    font-size: 13px;

    line-height: 45px;
  }

  .time {
    width: 180px;
  }

  .time .list-time-1,
  .time .list-time-2 {
    font-size: 14px;
  }
}

@media screen and (max-width: 991px) {
  #header-home {
    background-color: #2c332b;

    z-index: 1;

    height: 120px;
  }

  .btn-submenu {
    position: absolute;

    right: 10px;

    top: 5px;

    font: 20px/50px "FontAwesome";

    text-align: center;

    cursor: pointer;

    width: 100%;

    height: 44px;
  }

  #mainnav-mobi ul > li > a {
    display: block;
  }

  #mainnav-mobi ul > li > a.current-menu-item {
    color: #e6d54f !important;
  }

  #mainnav-mobi .active:before {
    color: #e6d54f !important;

    font-weight: bold;
  }

  .click-active {
    color: #e6d54f !important;
  }

  .btn-submenu:before {
    right: 40px;

    position: absolute;
  }

  .img-logo1 img {
    margin-left: 20px;
  }

  .link-footer {
    grid-template-columns: 1fr;
  }

  .space br {
    display: none;
  }

  .logoft .center-block {
    margin: unset;

    margin-bottom: 10px;
  }

  .tf-footer .copy-right {
    text-align: left;

    font-size: 16px;
  }

  .link-footer h6 {
    padding-top: 20px;
  }

  #mainnav-mobi ul.sub-menu > li > a {
    padding: 0 15px;
  }
}

@media only screen and (max-width: 991px) {
  .header-wrap {
    padding: 0;

    background-color: #252c24;

    margin-top: -2px;
  }

  .header-right {
    display: none;
  }

  .header-wrap .col-md-8 {
    padding-left: 0% !important;

    margin-bottom: 25px;
  }

  .logo {
    float: left;
  }

  .nav-wrap {
    position: relative;

    margin: 0 0 0 0;
  }

  .btn-menu {
    display: block;
    z-index: 10000;
    margin-left: 90%;
  }

  .mainnav,
  .mainnav .menu .fa {
    display: none;
  }

  .sld-2 {
    padding: 0 15px 0 15px;
  }

  .list-social {
    margin: -150px 0 0 0 !important;
  }

  .time,
  .button-next,
  .button-prev {
    visibility: hidden;
  }

  .heading-title-content,
  .heading-title-content a {
    font-size: 16px;
  }

  /* about home*/

  .tf-about .inner-title-about {
    padding: 0;
  }

  .text-about {
    padding: 0 !important;

    text-align: justify;
  }

  .section-counter .col-md-3 {
    width: 49%;

    display: inline-flex;
  }

  /* portfolio-home */

  .wrap-title-img .wrap-title {
    height: 20px !important;
  }

  .img-tf-2,
  .img-tf-3,
  .img-tf-4,
  .img-tf-5,
  .img-tf-6,
  .img-tf-1 {
    margin: 0 0 0 0 !important;
  }

  /* banner home */

  .section-banner {
    padding: 40px 0 40px 0;
  }

  .tf-banner .title-banner {
    font-size: 62px;

    line-height: 80px;
  }

  /* team home */

  .title-team-mobi {
    line-height: 90px !important;
  }

  /* history home */

  .img-2-history {
    margin: -200px 0 0 0 !important;
  }

  .img-3-history {
    margin: -200px 0 0 0 !important;
  }

  .title-icon {
    line-height: 40px;

    margin: 0 0px 0 5px !important;
  }

  /* testimonials home */

  .design {
    margin-right: 50px;
  }

  .heading-testimonials h3 {
    padding: 0 !important;
  }

  /*  blog home*/

  .our-news-box .list-news {
    padding: 30px 15px 30px 20px;
  }

  /* footer home*/

  #footer {
    padding: 40px 0;
  }

  .tf-footer {
    margin: 0 0 0 0px;
  }

  .list-link-1 {
    margin: 40px 0px 0 0px !important;
  }

  .list-link-2 {
    margin: 40px 0px 0 0px !important;
  }

  .list-link-3 {
    margin: 0px 0px 0 0px !important;
  }

  .footer-bottom {
    width: 100%;

    height: 100%;
  }

  .button-footer {
    margin: 50px 0 0px 0;

    float: none;

    text-align: center;
  }

  .button-footer .button1 {
    margin-top: 30px;
  }

  /* home 2 */

  .header-top {
    background-color: #252c24;
  }

  .login-head {
    float: none;
  }

  .title-slider {
    font-size: 70px;
  }

  .center-now {
    text-align: center;
  }

  .icon-home2,
  .wrap-time {
    display: none;
  }

  .wrap-language,
  .wrap-login {
    text-align: center;
  }

  .wrap-language li,
  .wrap-login li {
    display: inline-block;
  }

  .owl-nav {
    display: none;
  }

  .testimonials-box h3 {
    padding: 0;
  }

  .section-team2 .col-md-2 {
    margin-bottom: 30px;
  }

  .section-about3 .col-md-3,
  .section-about2 .col-md-3 {
    text-align: center;

    margin-bottom: 30px;
  }

  .sub-text-counter {
    padding: 0;
  }

  .mobi-button {
    margin-bottom: 50px;
  }

  .comment-list .comment-text p {
    padding: 0;
  }

  .widget-tags {
    display: none;
  }

  .tf-box-counter .color-yellow {
    margin: 0 0 20px 0;
  }

  .tf-box-counter .inner-box-counter1 .color-black {
    margin-left: 20px;
  }

  .tf-box-counter .inner-box-counter2 .color-black {
    margin-left: 25px;
  }

  .testimonials-box2 .designer-wrap {
    max-width: 100%;

    padding: 28px 15px 26px 20px;
  }

  .title-testimonials {
    margin: 0 !important;
  }

  .header-wrap.is-fixed.is-small {
    display: none;
  }

  .tf-img-history .img-4-history {
    margin: -62% 0 0 0%;
  }

  .box-portfolio2 .title-img2 {
    top: 43%;

    left: 5%;
  }

  .box-portfolio2 .text-img2 {
    top: 55%;

    left: 5%;
  }

  .heading-title-page {
    width: 550px;

    /* margin: 0; */
  }

  .address-box .address-text2 {
    color: #e6d54f;
  }

  .address-box .address-text1 {
    color: #fff;
  }

  #header {
    height: 500px;
  }

  .wrap-banner {
    top: 60%;
  }

  .team-box {
    text-align: center;
  }

  .tf-gallery .hover-gallery .img-galery,
  .team-box .hover-team .img-team-box {
    width: 100%;
  }

  .mainnav,
  .mainnav.home1 {
    margin: 0;
  }
}

/*  ipad Sizes */

@media (min-width: 768px) and (max-width: 991px) {
  .img-box .img-tf-4 {
    margin: -70px 0 0 0 !important;
  }

  .img-box .img-tf-5 {
    margin: 24px 0 0px 0 !important;
  }

  .img-box .img-tf-6 {
    margin: -40px 0 0 0 !important;
  }

  .img-box .tf-readmore-portfolio {
    width: 50px;

    height: 50px;

    line-height: 50px;
  }

  .img-box .flat-style-portfolio {
    padding: 15% 40px 20px 30px !important;
  }

  .tf-style-portfolio {
    padding: 12% 40px 20px 30px !important;
  }

  .img-box .tf-wrap-content-portfolio {
    padding: 9% 30px 15px 15px !important;
  }

  .img-box .tf-wrap-content-portfolio.style-2 {
    width: 100%;

    padding: 10px !important;
  }

  .button-testimonials,
  .button-portfolio {
    float: left;

    margin-top: 30px;
  }

  .heading-history {
    margin: 0;
  }

  .history-box .title-icon {
    line-height: 32px;

    font-size: 20px;
  }

  /* footer */

  .icon-footer .fa {
    padding: 0 10px 0 0 !important;
  }

  .list-link-1,
  .list-link-2,
  .list-link-3 {
    margin: 0 !important;
  }

  .payment {
    width: 100%;

    float: left;

    margin: 0;
  }

  /* section */

  .design {
    display: flex;

    margin-left: 70px;
  }

  .address-box ul {
    margin-right: -30px;
  }

  .tf-box-counter {
    margin-top: 30px;
  }

  .team-box .icon-team .fa {
    padding: 0px 10px 0 0px;
  }
}

@media screen and (max-width: 768px) {
  #header-home {
    height: 100px;
  }

  .img-logo1 img {
    width: 115px;

    height: 100px;
  }

  .btn-menu {
    top: 38px;
  }

  #mainnav-mobi {
    top: 120px;
  }

  .btn-submenu:before {
    right: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .tf-menu {
    margin-top: -20px !important;
  }

  .comment-list .children {
    margin: 0;
  }

  .img-video img {
    height: 300px !important;
  }

  .img-video .video-play {
    left: 38%;
  }

  .message-wrap {
    margin-bottom: 30px;
  }

  #comments .comment-respond .form-submit {
    margin-bottom: 50px;
  }

  .history-box .title-icon {
    line-height: 32px;
  }

  .img-box {
    margin-bottom: 20px;
  }

  .img-box .flat-style2 {
    font-size: 25px !important;

    line-height: 30px;
  }

  .wrap-counter {
    width: 49%;

    display: inline-block;
  }

  .section-service3 .col-md-3,
  .section-service2 .col-md-3 {
    width: 49%;

    display: inline-flex;
  }

  #footer .tf-footer,
  #footer .link-footer {
    padding-bottom: 25px;
  }

  .list-link-1,
  .list-link-2 {
    margin: 0 !important;
  }

  .payment {
    margin: 0;

    float: none;
  }

  .slider2 .tp-heading {
    max-width: 350px !important;

    min-width: 350px !important;
  }

  .button-portfolio {
    text-align: left;
  }

  .button-testimonials {
    float: left;

    margin: 84px 0 0 0;
  }

  .section-history {
    padding-bottom: 120px;
  }

  .logo2 {
    text-align: left;
  }

  .btn-menu.tf-menu {
    z-index: 1000;

    top: -35px;
  }

  #mainnav-mobi.tf-menu {
    top: 42px;
  }

  .heading-title-page {
    width: 350px;

    font-size: 60px;
  }

  #header {
    height: 400px;
  }

  .section-about,
  .section-testimonials {
    padding-top: 60px;
  }

  .section-counter,
  .section-service,
  .section-portfolio,
  .section-brand,
  .section-service2,
  .section-about2,
  .section-portfolio2,
  .section2-blog,
  .section4-testimonials,
  .section-gallery,
  .section-service3,
  .section-about3,
  .section3-history,
  .section6-history,
  .section-about6,
  .section-contact {
    padding: 60px 0 60px;
  }

  .section-team,
  .section2-portfolio {
    padding: 60px 0 0;
  }

  .section2-brand {
    padding-bottom: 60px;
  }

  h1.title-service,
  h1.title-team-home,
  h1.title-history,
  .heading-our-news h1,
  .heading-portfolio2 h1,
  h1.title-about {
    font-size: 60px;

    line-height: 70px;
  }

  .section2-history {
    padding-top: 160px;
  }

  .box-portfolio2 .title-img2 {
    top: 58%;
  }

  .box-portfolio2 .text-img2 {
    top: 70%;
  }

  .cin {
    padding: 0 0 20px 0;
  }
}

@media screen and (max-width: 424px) {
  /* header custom css start */

  .img-logo1 img {
    height: 90px;

    width: auto;
  }

  #header-home {
    height: 90px;
  }

  .btn-menu {
    top: 32px;
  }

  #mainnav-mobi {
    top: 90px;
  }

  #mainnav-mobi ul > li > a {
    font-size: 16px;

    line-height: 50px;
  }

  /* header custom css end */
}

@media only screen and (max-width: 360px) {
  .testimonials-box .designer-wrap {
    padding: 27px 33px 24px 5px;
  }

  .testimonials-box .designer-wrap .title-designer-2 {
    float: none;
  }
}

@media only screen and (max-width: 375px) {
  .slider-home .swiper-slide .text-slider {
    font-size: 19px !important;
  }
}

@media screen and (max-width: 360px) {
  .tf-footer .copy-right {
    font-size: 13px;
  }

  .link-footer h6 {
    padding-top: 0;
  }
}

@media screen and (max-width: 320px) {
  #mainnav-mobi ul.sub-menu > li > a {
    font-size: 15px;
  }
}